.main {
    width: 750px;
    padding: 1px 60px;
    box-sizing: border-box;

    .backHome {
        width: 165px;
        height: 70px;
        background: rgba(255, 255, 255, 1);
        box-shadow: -1px 0px 7px 1px rgba(222, 222, 222, 1);
        border-radius: 310px 0px 0px 310px;
        position: absolute;
        right: 0;
        top: 50px;
        font-size: 28px;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(155, 155, 155, 1);
        line-height: 40px;
        padding: 15px 0;
        box-sizing: border-box;
        padding-left: 22px;
        padding-right: 0;
    }

    .logo {
        margin-top: 80px;
    }

    .title {
        font-size: 50px;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        color: rgba(34, 33, 45, 1);
        margin-top: 30px;
        margin-bottom: 80px;
    }

    .form {
        .input {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 27px 0;
            margin-top: 10px;
            border-bottom: 1px solid rgba(221, 221, 221, 1);

            .inputLeft {
                display: flex;
                align-items: center;

                span {
                    font-size: 32px;
                    font-family: PingFangSC-Regular;
                    font-weight: 400;
                    color: rgba(34, 33, 45, 1);
                    margin-right: 30px;
                }
            }

            .inputCheckCode {
                input {
                    width: 220px;
                }
            }

            .sendBtn {
                font-size: 32px;
                font-family: PingFangSC-Regular;
                font-weight: 400;
                color: rgba(248, 101, 53, 1);
            }
        }
    }

    .changeBtnContainer {
        margin-top: 60px;


        .changeBtn {
            width: 630px;
            height: 90px;
            background: rgba(30, 31, 38, 1);
            border-radius: 45px;
            font-size: 32px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            padding-top: 20px;
            box-sizing: border-box;
        }

        .wxLoginBtn {
            margin-top: 100px;
            background: rgba(51, 204, 102, 1);
            border-radius: 45px;
            font-size: 32px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            padding-top: 20px;
            box-sizing: border-box;
            height: 90px;
            width: 630px;
        }

        .loginWay {
            text-align: center;
            margin-top: 20px;
            font-size: 30px;
            padding-bottom: 20px;

            span {
                padding-bottom: 5px;
                border-bottom: 1px solid #333;
            }
        }
    }

    .agreement {
        font-size: 24px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(34, 33, 45, 1);
        margin-top: 60px;
        text-align: center;

        a {
            font-size: 24px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: rgba(248, 101, 53, 1);
            text-decoration: none;
        }
    }
}

:global {

    .geetest_panel_box.geetest_panelshowslide,
    .geetest_panel_box.geetest_panelshowclick {
        width: 90% !important;
        height: auto !important;
        max-width: 700px !important;
    }

    .geetest_panel_loading,
    .geetest_panel_success,
    .geetest_panel_error,
    .geetest_panel_footer {
        height: auto !important;
    }

    .geetest_panel_loading_icon {
        width: 64px !important;
        height: 64px !important;
    }

    .geetest_panel_loading_content {
        font-size: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .geetest_panel_success_box {
        width: 48px !important;
        height: 48px !important;
    }

    .geetest_panel_success_show {
        width: 48px !important;
        height: 48px !important;
    }

    .geetest_panel_success_correct {
        width: 56px !important;
        height: 56px !important;
    }

    .geetest_panel_success_icon {
        width: 36px !important;
        height: 36px !important;
        transform: translate(0, 0) !important;
    }

    .geetest_panel_success_title {
        font-size: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .geetest_panel_error_icon {
        width: 48px !important;
        height: 48px !important;
    }

    .geetest_panel_error_title {
        font-size: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .geetest_panel_error_content {
        font-size: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .geetest_panel_error_code {
        font-size: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

    .geetest_panel_footer_logo {
        width: 22px !important;
        height: 22px !important;
    }

    .geetest_panel_footer_copyright {
        font-size: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
    }

    .geetest_wrap .geetest_result {
        height: 48px !important;
    }

    .geetest_wrap .geetest_result .geetest_result_content {
        font-size: 28px !important;
        height: 48px !important;
        line-height: 48px !important;
    }

    .geetest_wrap .geetest_slider_tip {
        font-size: 28px !important;
        height: 28px !important;
        line-height: 28px !important;
    }

    .geetest_head .geetest_tips {
        height: 40px !important;
        top: 40% !important;
    }

    .geetest_head .geetest_tips .geetest_tip_content {
        font-size: 32px !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    .geetest_head .geetest_tips .geetest_tip_img {
        /* transform: scale(1.5, 1.5) !important;
    transform: translate(50px, 0px) !important; */
        width: 180px !important;
        height: 60px !important;
        left: 260px !important;
        /* transform: matrix(1.5, 0, 0, 1.5, 20, 0) !important; */
    }

    .geetest_head .geetest_tips .geetest_tip_img {
        top: 0 !important;
    }

    .geetest_table_box .geetest_result_tip {
        font-size: 32px !important;
        height: 56px !important;
        line-height: 56px !important;
    }

    .geetest_panel .geetest_small {
        height: 40px !important;
        top: 40% !important;
    }

    .geetest_panel .geetest_small .geetest_close,
    .geetest_panel .geetest_small .geetest_refresh,
    .geetest_panel .geetest_small .geetest_feedback,
    .geetest_panel .geetest_small .geetest_close {
        width: 40px !important;
        height: 40px !important;
    }

    .geetest_panel .geetest_commit .geetest_commit_tip {
        font-size: 32px !important;
        height: 40px !important;
        line-height: 40px !important;
        top: 40% !important;
    }

    .geetest_panel .geetest_copyright .geetest_logo {
        width: 22px !important;
        height: 22px !important;
    }

    .geetest_panel .geetest_copyright .geetest_copyright_tip {
        font-size: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

}

.redPacket {
    width: 750px;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;

    .close {
        position: absolute;
        width: 66px;
        height: 66px;
        background: url(images/red_close.png);
        bottom: -109px;
        left: 50%;
        transform: translateX(-50%);
    }

    .title {
        width: 750px;
        height: 360px;
        background: url(../images/head.png) no-repeat center;
        box-sizing: border-box;
        padding-top: 280px;
        font-size: 32px;
        font-weight: 600;
        color: rgba(255, 244, 121, 1);
        line-height: 45px;
    }

    .award {
        background: #D04047;
        width: 560px;
        margin-left: 95px;
        margin-top: -3px;
        padding-bottom: 20px;
        >div {
            width: 500px;
            height: 130px;
            background: url(images/award.png) no-repeat center;
            margin: 0 auto 20px;
            display: flex;
            flex-direction: row;

            .money {
                width: 149px;
                height: 130px;
                text-align: center;
                line-height: 130px;
                font-size: 48px;
                font-weight: 500;
                color: rgba(255, 65, 62, 1);

                span {
                    font-size: 24px;
                    font-weight: 600;
                    color: rgba(255, 65, 62, 1);
                    line-height: 33px;
                    vertical-align: super;
                }
            }

            .otherInfo {
                width: 252px;
                padding-left: 20px;
                padding-top: 27px;
                text-align: left;
                .redPacketName {
                    font-size: 28px;
                    font-weight: 500;
                    color: rgba(51, 51, 51, 1);
                    line-height: 40px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                .endTime {
                    font-size:22px;
                    color:rgba(51,51,51,.6);
                    line-height:30px;
                    margin-top: 5px;
                }
            }
        }
    }
    .bottom{
        height: 139px;
        width: 750px;
        background: url(../images/bottom.png) no-repeat center;
        margin-top: -1px;
    }


    .tips {
        height: 33px;
        font-size: 24px;
        color: rgba(255, 255, 255, .6);
        line-height: 33px;
    }

    .seconds {
        font-size: 24px;
        color: rgba(255, 255, 255, 1);
        line-height: 33px;
        margin-top: 10px;
    }
}